/* 
  该文件是整个项目的入口文件
*/
// 引入Vue 引入的是残缺版的Vue "dist/vue.runtime.esm.js"
import Vue from 'vue'
// 引入App组件，它是所有组件的父组件
import App from './App.vue'
// 关闭 vue 的生产提示
Vue.config.productionTip = false

// 创建VUE实例对象
new Vue({
  //el:'#app',   对应.$mount('#app')的另一种写法

  // 将App 组件放入容器中,解决残缺版本的 render
  /*
    render(createElement){ 
     // 接受参数，且需要返回值
    return createElement('h2','hello~wa');
   }
   render 没有用到this 换成箭头函数 并 传入App 组件
   
  */
  render: h => h(App),
}).$mount('#app')

// npm run serve -> src/main.js  运行
// save 实时编译刷新

/*   
  by my self Vue
  运行版本的vue - 残缺版本vue - 没有模板解析器 
  new Vue({ 
    el:'root',
    template:`<App> </App>`,
    components{ 
      ....
    }

  })
*/